<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>Karina Kreth | @yield('title')</title>

        <link rel="icon" href="{{ URL::asset('assets/img/square.ico') }}"/>

        {{ HTML::style('assets/css/bootstrap.css') }}
        {{ HTML::style('assets/css/font-awesome.min.css') }}
        {{ HTML::style('assets/css/styles.css') }}
        {{ HTML::style('http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700') }}
    </head>

    <body id="top">

        @include('menu')

        @yield('content')


        <hr>
        {{-- Footer --}}
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <ul class="list-inline smaller">
                        <li>&copy; <a href="{{ URL::to('/') }}">Karina Kreth</a></li>
                        <li>|</li>
                        <li>{{ HTML::email('karina@krethaus.com') }}</li>
                    </ul>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                    <ul class="list-inline smaller">
                        <li><a href="#">About</a></li>
                        <li>|</li>
                        <li><a href="" data-toggle="modal" data-target=".bs-example-modal-sm">Newsletter</a></li>
                        <li>|</li>
                        <li><a href="{{ URL::to('http://www.enjoygram.com/krethaus') }}"><i class="fa fa-instagram"></i></a></li>
                        <li>|</li>
                        <li><a href="{{ URL::to('https://es-es.facebook.com/Krethaus') }}"><i class="fa fa-facebook"></i></a></li>
                    </ul>
                    <br>
                </div>
            </div>
            <a href="#top" class="back-to-top"><i class="fa fa-chevron-up fa-lg"></i></a>
        </div>
        {{-- Fin Footer --}}
        
        

        {{-- HTML::script('//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js') --}}
        {{ HTML::script('assets/js/jquery.min.js') }}
        {{-- HTML::script('//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js') --}}
        {{ HTML::script('assets/js/bootstrap.min.js') }}
        {{ HTML::script('assets/js/jquery.lazyload.min.js') }}
        {{ HTML::script('assets/js/scripts.js') }}
        
        @yield('scripts')
        
        <script type="text/javascript" charset="utf-8">
            $(function () {
                $("img.lazy").lazyload({
                    effect: "fadeIn"
                });
            });
            $(showHideScrollPos('.back-to-top'));
            $(smoothScroll());
        </script>

         @yield('scripts-down')

    </body>
</html>